<div style="position: relative;">
    <div class="search-bar">
        <div class="InputDiv">
            <Refer EntityName="BarcodeMaster" WindowTitle="条码" KeyField="_id" CodeField="Barcode" TextField="Barcode"
            value="Module.BarcodeMaster.FocusedRecord.BarcodeMaster">
                <Column type="0" width="150px" displayname="编码" valuefield="Barcode"></Column>
                <Column type="textbox" width="150px" displayname="名称" valuefield="Barcode"></Column>
            </Refer>
        </div>
        <button type="button" class="btn btn-success search-bar-button" ng-click="search()">查询</button>
    </div>
    <div class="query-context" ng-show="data.basicInfo" my-scroll>
        <div class="left-hide-navbar">
            <div class="">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_0">
                    <span class="nav-title">基本信息</span>
                    <span class="left-hide-icon list-icon_0" ng-click="unfold(0)"></span>
                </div>
            </div>
            <div class="">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_1">
                    <span class="nav-title">产品参数</span>
                    <span class="left-hide-icon list-icon_1" ng-click="unfold(1)"></span>
                </div>
            </div>
            <div class="" ng-repeat="catalog in data.bizCatalog">
                <div class="left-hide-div left-navbar list-icon-hide list-icon-fix_{{$index+2}}">
                    <span class="nav-title">{{catalog.Name}}</span>
                    <span class="left-hide-icon list-icon_{{$index+2}}" ng-click="unfold($index+2)"></span>
                </div>
            </div>
        </div>
        <div class="exp-content-list">
            <div class="query-list list-exp_0">
                <div class="left-navbar ">
                    <span class="nav-title exp_0">基本信息</span>
                    <span class="list-icon exp_0" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">芯片ID<span>{{data.Barcode}}</span></div>
                        <div class="diy-col content-detail content-detail-mid">当前工序<span>{{data.basicInfo.OperationName}}</span></div>
                        <div class="diy-col content-detail content-detail-right" ng-switch="data.basicInfo.QCStatus">质检状态
                            <span ng-switch-when="0">合格</span>
                            <span ng-switch-when="1" style="color: red">不合格</span>
                            <span ng-switch-when="2">让步接收</span>
                            <span ng-switch-when="3">品质判定</span>
                            <span ng-switch-when="4">返工</span>
                            <span ng-switch-when="5">报废</span>
                        </div>
                    </div>
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">名称<span>{{data.basicInfo.ItemMasterName}}</span></div>
                        <div class="diy-col content-detail content-detail-mid">规格<span>{{data.basicInfo.Specification}}</span></div>
                        <div class="diy-col content-detail content-detail-right">分类<span>{{data.basicInfo.ItemCategory}}</span></div>
                    </div>
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">工单<span>{{data.basicInfo.MOCode}}</span></div>
                        <div class="diy-col content-detail content-detail-mid">生产批号<span>{{data.basicInfo.MOLotNumber}}</span></div>
                        <div class="diy-col content-detail content-detail-right">出货批号<span>{{data.basicInfo.ShipLotNumber}}</span></div>
                    </div>
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">客户<span>{{data.basicInfo.Customer}}</span></div>
                        <div class="diy-col content-detail content-detail-mid">计划开工日期<span>{{data.basicInfo.StartDateTime}}</span></div>
                        <div class="diy-col content-detail content-detail-right">实际开工日期<span></span></div>
                    </div>
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">实际开工日期<span></span></div>
                        <div class="diy-col content-detail content-detail-mid">计划完工日期<span>{{data.basicInfo.StartDateTime}}</span></div>
                        <div class="diy-col content-detail content-detail-right">
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="query-list list-exp_1">
                <div class="left-navbar">
                    <span class="nav-title exp_1">产品参数</span>
                    <span class="list-icon exp_1" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <div class="diy-row exp-detail">
                        <div class="diy-col content-detail content-detail-left">手柄尺寸<span>{{data.basicInfo.ItemMasterCode}}</span></div>
                    </div>
                </div>
            </div>
            <div class="query-list list-exp_{{$index+2}}" ng-repeat="catalog in data.bizCatalog">
                <div class="left-navbar">
                    <span class="nav-title  exp_{{$index+2}}">{{catalog.Name}}</span>
                    <span class="list-icon  exp_{{$index+2}}" style="visibility: visible;"></span>
                </div>
                <div class="exp-right-list">
                    <!-- <div class="exp-title">
                        <span class="exp-title-content">{{catalog.Name}}</span>
                    </div> -->
                    <div class="exp-detail-diy" ng-repeat="rec in catalog.record">
                        <div class="exp-detail-nav">
                            <span class="right-col list-icon"></span>
                        </div>
                        <span class="glyphicon glyphicon-menu-down detail-down" aria-hidden="true"></span>
                        <div class="exp-detail-right diy-row" ng-class="{unQc: rec.QCStatus===1}">
                            <div class="diy-col exp-detail-right-date" style="width: 200px;">{{rec.CollectDateTime}}</div>
                            <div class="diy-col exp-detail-right-work">{{rec.WorkName}}</div>
                            <div class="diy-col exp-detail-right-Terminal">{{rec.TerminalName}}</div>
                            <div class="diy-col exp-detail-right-user"ng-repeat="user in rec.Users">
                                <div>{{user.Name}}</div>
                            </div>
                            <div class="diy-col exp-detail-right-user" ng-if="rec.Users.length==0">
                                    未知
                            </div>
                            <div class="diy-col exp-detail-right-qc" ng-show="rec.QCFlag">
                                <div ng-switch="rec.QCStatus">
                                    <div ng-switch-when="0">
                                        合格
                                    </div>
                                    <div ng-switch-when="1" style="color: red">
                                        不合格
                                    </div>
                                    <div ng-switch-when="2">
                                        让步接收
                                    </div>
                                    <div ng-switch-when="3">
                                        品质判定
                                    </div>
                                    <div ng-switch-when="4">
                                        返工
                                    </div>
                                    <div ng-switch-when="5">
                                        报废
                                    </div>
                                </div>
                            </div>
                            <div class="diy-col exp-detail-right-qc" ng-show="!rec.QCFlag" style="width: 150px;">{{rec.WorkTime}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
